<!DOCTYPE html>
<html>
  <head>
  <meta charset='UTF-8'>
  <title>Atom API Documentation</title>
  <link rel='stylesheet' href='../assets/biscotto.css' type='text/css'>
  <script src='../assets/biscotto.js'></script>
  <script src='../assets/search_data.js'></script>
</head>
  <body>
    <div id='base' data-path='..&#47;'></div>
<div id='header'>
  <div id='menu'>
    <a href='../docs/README.md.html' title='Atom'>Atom</a>
    &raquo;
    <a href='../class_index.html' title='Index'>Index</a>
    &raquo;
    <span class='title'>View</span>
    <nav>
      <ul>
        <li class='noframes'>
          (<a class='noframes' href='View.html#'>no frames</a>)
        </li>
      </ul>
    </nav>
    <div id='search'>
      <a id='class_list_link' href='../class_list.html'>Classes</a>
      <a id='file_list_link' href='../file_list.html'>Files</a>
      <a id='method_list_link' href='../method_list.html'>Methods</a>
      <a id='extra_list_link' href='../extra_list.html'>Extras</a>
    </div>
  </div>
  <iframe id='search_frame'></iframe>
  <div id='fuzzySearch'>
    <input type='text'>
    <ol></ol>
  </div>
  <div id='help'>
    <p>
      Quickly fuzzy find classes, mixins, methods, file:
    </p>
    <ul>
      <li>
        <span>Ctrl-T</span>
        Open fuzzy finder dialog
      </li>
    </ul>
    <p>
      In frame mode you can toggle the list naviation frame on the left side:
    </p>
    <ul>
      <li>
        <span>Ctrl-L</span>
        Toggle list view
      </li>
    </ul>
    <p>
      You can focus a list in frame mode or toggle a tab in frameless mode:
    </p>
    <ul>
      <li>
        <span>Ctrl-C</span>
        Class list
      </li>
      <li>
        <span>Ctrl-I</span>
        Mixin list
      </li>
      <li>
        <span>Ctrl-F</span>
        File list
      </li>
      <li>
        <span>Ctrl-M</span>
        Method list
      </li>
      <li>
        <span>Ctrl-E</span>
        Extras list
      </li>
    </ul>
    <p>
      You can focus and blur the search input:
    </p>
    <ul>
      <li>
        <span>Ctrl-S</span>
        Focus search input
      </li>
      <li>
        <span>Esc</span>
        Blur search input
      </li>
    </ul>
    <p>
      In frameless mode you can close the list tab:
    </p>
    <ul>
      <li>
        <span>Esc</span>
        Close list tab
      </li>
    </ul>
  </div>
</div>
    <div id='content'>
      <h1>
        Class
        View
      </h1>
      <div class='stability-1'>
        <span class='heading'></span>
        <div class='message'></div>
      </div>
      <table class='box'>
        <tr>
          <td>Defined in:</td>
          <td>docs&#47;includes&#47;space-pen&#47;src&#47;space-pen.coffee</td>
        </tr>
        <tr>
          <td>Inherits:</td>
          <td>
            <a href='https://atom.io/docs/api/v0.61.0/api/classes/jQuery.html'>jQuery</a>
          </td>
        </tr>
      </table>
      <h2>Overview</h2>
      <div class='docstring'>
  <p>View class that extends the jQuery prototype.</p><p>Extending classes must implement a <code>@content</code> method.</p><h2 id="example">Example</h2>
<pre><code class="lang-coffee">class Spacecraft extends View
  @content: -&gt;
    @div =&gt;
      @h1 &#39;Spacecraft&#39;
      @ol =&gt;
        @li &#39;Apollo&#39;
        @li &#39;Soyuz&#39;
        @li &#39;Space Shuttle&#39;
</code></pre><p>Each view instance will have all the methods from the jQuery prototype
available on it.</p><pre><code class="lang-coffee">  craft = new Spacecraft()
  craft.find(&#39;h1&#39;).text() # &#39;Spacecraft&#39;
  craft.appendTo(document.body) # View is now a child of the &lt;body&gt; tag
</code></pre>

</div>
<div class='tags'>
</div>
      <h2>Direct Known Subclasses</h2>
      <p class='children'>
                <a href='https://atom.io/docs/api/v0.61.0/api/classes/CursorView.html'>CursorView</a>,
                <a href='EditorView.html'>EditorView</a>,
                <a href='https://atom.io/docs/api/v0.61.0/api/classes/GutterView.html'>GutterView</a>,
                <a href='https://atom.io/docs/api/v0.61.0/api/classes/PaneAxisView.html'>PaneAxisView</a>,
                <a href='https://atom.io/docs/api/v0.61.0/api/classes/PaneContainerView.html'>PaneContainerView</a>,
                <a href='PaneView.html'>PaneView</a>,
                <a href='ScrollView.html'>ScrollView</a>,
                <a href='SelectListView.html'>SelectListView</a>,
                <a href='https://atom.io/docs/api/v0.61.0/api/classes/SelectionView.html'>SelectionView</a>,
        <a href='WorkspaceView.html'>WorkspaceView</a>
      </p>
      <h2>Class Method Summary</h2>
      <ul class='summary'>
  <li>
    <span class='signature'>
      <a href='View.html#raw-class'>
        .<strong>raw</strong>(string)
      </a>
    </span>
    <span class='desc'>
      Add new child DOM nodes from the given raw HTML string.
    </span>
  </li>
  <li>
    <span class='signature'>
      <a href='View.html#subview-class'>
        .<strong>subview</strong>(name, view)
      </a>
    </span>
    <span class='desc'>
      Add the given subview wired to an outlet with the given name
    </span>
  </li>
  <li>
    <span class='signature'>
      <a href='View.html#tag-class'>
        .<strong>tag</strong>(tagName, args...)
      </a>
    </span>
    <span class='desc'>
      Add a new tag with the given name
    </span>
  </li>
  <li>
    <span class='signature'>
      <a href='View.html#text-class'>
        .<strong>text</strong>(string)
      </a>
    </span>
    <span class='desc'>
      Add a text node with the given text content
    </span>
  </li>
</ul>
      <h2>Class Method Details</h2>
      <div class='methods'>
  <div class='method_details'>
    <p class='signature' id='raw-class'>
      .<strong>raw</strong>(string)
      <a class='gh-link' href='https://github.com/atom/atom'>Source</a>
    </p>
    <div class='docstring'>
  <p>Add new child DOM nodes from the given raw HTML string.</p>
</div>
<div class='tags'>
</div>
  </div>
  <div class='method_details'>
    <p class='signature' id='subview-class'>
      .<strong>subview</strong>(name, view)
      <a class='gh-link' href='https://github.com/atom/atom'>Source</a>
    </p>
    <div class='docstring'>
  <p>Add the given subview wired to an outlet with the given name</p>
</div>
<div class='tags'>
</div>
  </div>
  <div class='method_details'>
    <p class='signature' id='tag-class'>
      .<strong>tag</strong>(tagName, args...)
      <a class='gh-link' href='https://github.com/atom/atom'>Source</a>
    </p>
    <div class='docstring'>
  <p>Add a new tag with the given name</p>
</div>
<div class='tags'>
</div>
  </div>
  <div class='method_details'>
    <p class='signature' id='text-class'>
      .<strong>text</strong>(string)
      <a class='gh-link' href='https://github.com/atom/atom'>Source</a>
    </p>
    <div class='docstring'>
  <p>Add a text node with the given text content</p>
</div>
<div class='tags'>
</div>
  </div>
</div>
    </div>
    <div id='footer'>
  Generated on
  Thu Feb 27 2014 16:02:52 GMT-0800 (PST)
  by
  <a href='https://github.com/gjtorikian/biscotto' title='TomDoc-CoffeeScript API documentation generator'>Biscotto</a>
  v2.1.0
  (Node.js v0.10.21).
  &#10034;
  Press Ctrl-h to see the keyboard shortcuts
</div>
  </body>
</html>